/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 15-Mar-2015, 11:36:38 AM
    Author     : Mami_Tati
*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

@font-face {
        font-family: 'GraphicPixel';
        src: url('../fonts/graphicpixel-webfont.eot');
        src: url('../fonts/graphicpixel-webfont.eot?#iefix') format('embedded-opentype'),
             url('../fonts/graphicpixel-webfont.woff') format('woff'),
             url('../fonts/graphicpixel-webfont.ttf') format('truetype'),
             url('../fonts/graphicpixel-webfont.svg#GraphicPixelRegular') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    
@font-face {
        font-family: 'AdvoCut';
        src: url('../fonts/advocut-webfont.eot');
        src: url('../fonts/advocut-webfont.eot?#iefix') format('embedded-opentype'),
             url('../fonts/advocut-webfont.woff') format('woff'),
             url('../fonts/advocut-webfont.ttf') format('truetype'),
             url('../fonts/advocut-webfont.svg#AndinaRegular') format('svg');
        font-weight: normal;
        font-style: normal;
}

#questLogInfo .img {
	display:inline-block;
	vertical-align:middle;
	text-align:center;  	
}

#questlog {
	position: absolute;
	display: none;
	color: white;
	text-align: center;
	pointer-events: auto;
}
	
@media screen and (min-width: 1501px), screen and (min-height: 801px) {

	#questLogInfo * {
		color: white;
		font-size:18px;
		font-family:'GraphicPixel';
	}
	
	#questLogInfo {
		border-collapse: separate;
		border-spacing:6px !important;	
	}
	
	#questLogInfo th {
		font-size:24px;
	}

	#questalarm {
		background: rgba(0, 0, 0, 0.5);
		text-align: center;
		color: rgba(255, 255, 255, 1);
		display: none;
		position: absolute;
		bottom: calc(5% + 70px);
		left: calc(50% - 320px);		
		width: 640px;
		height: 140px;
		cursor:none;
		padding:6px 12px 6px 12px;
		border-radius:12px;
        	font-family:"GraphicPixel";
        	pointer-events: none;
	}

	#questalarm .alarmimg {
		display:inline-block;
		vertical-align:middle;
		text-align:center;  	
	}
	#questalarm h2 {
		font-size: 20px;
	}
	
	#questlog {
		display:none;
	}
	
	
	#questLogInfo {
		font-size:16px;
		pointer-events:none;
	}
	
	#questLogInfo col:nth-child(1) {
		width: 25%;	
	}
	#questLogInfo col:nth-child(2) {
		width: 50%;
		height:80px;
	}
		
	#questLogInfo col:nth-child(3) {
		width: 25%;	
	}


    #quest {
        position: absolute;
        width: 1440px;
        left: 50%;
        margin-left: -720px;
        top: 777px;
        bottom: 15px;
        border: 1px solid #9C9898;
        background: rgba(255, 255, 255, 1);
        padding: 7.5px;
        overflow-y: scroll;
        overflow-x: hide;
        color: rgba(0, 0, 0, 1);
        display: none;
        font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
        border-collapse:collapse;
    }
    #quest td, #quest th{
        font-size:1.2em;
        border:1px solid #98bf21;
        padding:3px 7px 2px 7px;
    }
    #quest th{
        font-size:1.4em;
        text-align:left;
        padding-top:5px;
        padding-bottom:4px;
        background-color:#A7C942;
        color:#fff;
    }
    #quest tr.alt td{
        color:#000;
        background-color:#EAF2D3;
    }
}

@media screen and (max-width: 1500px), screen and (max-height: 870px) {

	#questLogInfo * {
		color: white;
		font-size:16px;
		font-family:'GraphicPixel';
	}

	
	#questLogInfo {
		border-collapse: separate;
		border-spacing:4px !important;	
	}
	
	#questLogInfo th {
		font-size: 20px;
	}
	
	#questalarm {
		background: rgba(0, 0, 0, 0.5);
		text-align: center;
		color: rgba(255, 255, 255, 1);
		display: none;
		position: absolute;
		bottom: calc(5% + 50px);
		left: calc(50% - 160px);		
		width: 320px;
		height:100px;
		cursor:none;
		padding:3px 6px 3px 6px;
        border-radius:6px;
        font-size:12px;
        font-family:"GraphicPixel";
		pointer-events: none;
	}

	#questalarm .alarmimg {
		display:inline-block;
		vertical-align:middle;
		text-align:center;  	
	}
	#questalarm h2 {
		font-size: 16px;
	}
	
#questlog {
	display:none;
}

#questLogInfo {
	font-size:16px;
	pointer-events:none;
}

#questLogInfo col:nth-child(1) {
	width: 25%;
}
#questLogInfo col:nth-child(2) {
	width: 50%;
}
#questLogInfo col:nth-child(3) {
	width: 25%;
}

    #quest td, #quest th{
        font-size:1.2em;
        border:1px solid #98bf21;
        padding:3px 7px 2px 7px;
    }
    #quest th{
        font-size:1.4em;
        text-align:left;
        padding-top:5px;
        padding-bottom:4px;
        background-color:#A7C942;
        color:#fff;
    }
    #quest tr.alt td{
        color:#000;
        background-color:#EAF2D3;
    }
}

@media screen and (max-width: 1000px) {

	#questLogInfo * {
		color: white;
		font-size:6px;
		font-family:'GraphicPixel';
	}

	
	#questLogInfo {
		border-collapse: separate;
		border-spacing:2px !important;	
	}
	
	#questLogInfo th {
		font-size:8px;
	}

	#questalarm {
		background: rgba(0, 0, 0, 0.5);
		text-align: center;
		color: rgba(255, 255, 255, 1);
		display: none;
		position: absolute;
		bottom: calc(5% + 25px);
		left: 50%;
		margin-left: -80px;
		width: 160px;
		height:50px;
		cursor:none;
		padding:1px 2px 1px 2px;
		border-radius:3px;
		font-size:6px;
		font-family:"GraphicPixel";
		pointer-events: none;
	}

	#questalarm .alarmimg {
		display:inline-block;
		vertical-align:middle;
		text-align:center;  	
	}
	#questalarm h2 {
		font-size: 8px;
	}
	#questalarm p {
		line-height:8px;	
	}
	
	
#questLogInfo {
	font-size:8px;
}

#questLogInfo td {
	max-width:100px;	
}

#questLogInfo col:nth-child(1) {
	width: 25%;	
}
#questLogInfo col:nth-child(2) {
	width: 50%;
}
#questLogInfo col:nth-child(3) {
	width: 25%;	
}

	
    #quest {
        position: absolute;
        width: 480px;
        left: 50%;
        margin-left: -240px;
        top: 259px;
        bottom: 5px;
        border: 1px solid #9C9898;
        background: rgba(255, 255, 255, 1);
        padding: 2.5px;
        overflow-y: scroll;
        overflow-x: hide;
        color: rgba(0, 0, 0, 1);
        display: none;
        font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
        border-collapse:collapse;
    }
    #quest td, #quest th{
        font-size:1.2em;
        border:1px solid #98bf21;
        padding:3px 7px 2px 7px;
    }
    #quest th{
        font-size:1.4em;
        text-align:left;
        padding-top:5px;
        padding-bottom:4px;
        background-color:#A7C942;
        color:#fff;
    }
    #quest tr.alt td{
        color:#000;
        background-color:#EAF2D3;
    }
}
